<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style>
            boby{
                font: 12px "simhei", Arial, Helvetica, sans-serif;
                color: #666;
            }
            body>div{
                width: 611px;
                height: 376px;
                background-color: #e8e8e8;
                background-image: url("http://doc.canglaoshi.org/tstore_v1/images/itemCat/study_computer_img1.png");
                background-size: 318px 319px;
                background-repeat: no-repeat;
                background-position: 90% 90%;
                overflow: hidden;
            }
            div>div{
                margin: 68px 0 0 39px;
                width: 245px;
                height: 232px;
            }
            a{
                width: 132px;
                height: 40px;
                background-color: #0aa1ed;/*背景颜色*/
                display:block ;/*块级*/
                text-align: center;/*居中*/
                line-height: 40px;/*行高*/
                color: white;/*字体白色*/
                border-radius: 3px;/*圆角*/
                font-size: 20px;/*文本大小*/
                text-decoration: none;/**/

            }
            .title_p{
                font-size:32px;
                color:#333;
                margin-bottom: 12px;
            }
            .intro_p{

            }
            .price_p{
                font-size: 24px;
                color:#0aa1ed;
                font-weight: bold;
                margin-bottom: 12px;
            }
        </style>
    </head>
    <body>
        <div>
            <div>
                <p class="title_p">灵越 燃7000系列</p>
                <p class="intro_p">酷睿双核i5处理器|256GB SSD| 8GB内存<br>
                    英特尔HD显卡620含共享显卡内存</p>
                <p class="price_p">￥4999.00</p>
                <a href="">查看详情</a>
            </div>
        </div>
    </body>
</html>